<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>少儿编程</title>
    <!-- 引入初始化样式文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共的样式文件 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入主页的样式文件 -->
    <link rel="stylesheet" href="css/one.css">
</head>

<body>
    <!-- 头部模块开始 -->
    <header class="header">
        <div class="f1">
            <ul>
                <li>模拟机器人编程教育</li>
            </ul>
        </div>
        <div class="f2">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">组件商城</a></li>
                <li><a href="#">公告</a></li>
            </ul>
        </div>
    </header>
    <!-- 头部模块结束 -->

    <!-- 首页专有模块开始 -->
    <div class="w1 w">
        <div class="main">
            <div class="name">Something be SHOWED</div>
        </div>
        <div class="main1">
            <div class="img">
                <div class="one"></div>
                <div class="two"></div>
                <div class="three"></div>
            </div>
        </div>
    </div>

    <div class="level"></div>

    <div class="w2 w">
        <div class="act">活动推荐</div>
        <div class="img1">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>

    <!-- 首页专有模块结束 -->

    <!-- 尾部模块开始 -->
    <footer class="footer">
        <div class="end">
            <ul>
                <li><a href="#">商业合作</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">组件提供</a></li>
                <li><a href="#">关于我们</a></li>
            </ul>
        </div>
    </footer>
    <!-- 尾部模块结束 -->

</body>

</html>